<template>
  <view>
	  <view>Bannertest</view>
    <view v-for="(item, index) in banners" :key="index" class="testimagbox">
      <image :src="item.pic" mode="aspectFill" class="banner-image"></image>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      banners: [], // 用于存储Banner数据的数组
    };
  },
  onLoad() {
    this.getBanner();
  },
  methods: {
    getBanner() {
      uni.request({
        url: 'https://manage.jwk2022.cn/openapiv2/index/getBanner',  // 开发者服务器接口地址
        method: 'POST', // 请求方式
        data: {
          'login_devid': '',
          'admin_userid': '1',
          'appid': '',
        },
        header: {
          'content-type': 'application/x-www-form-urlencoded' // 默认值
        }, // 设置请求的 header
        success: (res) => {
          // 请求成功的回调
          if (res.data.code === 1) {
            this.banners = res.data.data; // 将获取到的Banner数据赋值给banners数组
			console.log(res.data);
          } else {
            console.error('获取Banner数据失败');
          }
        },
        fail: (err) => {
          // 请求失败的回调
          console.error(err);
        },
        complete: () => {
          // 请求完成的回调（无论成功或失败都会执行）
        }
      });
    }
  }
};
</script>

<style>
.testimagbox{
	width: 100%;
}

.banner-image{
	width: 50%;
	height: 15vh;
	display: block;
	margin: 0 auto;
}
</style>